 $(function(){

            // 点击访问权限,如果部分公开,公开部门内容显示,否则隐藏
            $(".form-group input[name='jurisdiction']").on("click",  function() {
                // var str = $(this).attr("id");
                // console.log($(this))
                // $(str).addClass("labelactive").siblings().removeClass("labelactive");

                // console.log($(this).val());
                // 查看点选按钮的value值
                if ($(this).val() != 2) {
                    $(".PublicSector").hide();
                }else{
                    $(".PublicSector").show();
                }

            });


            //单击公开部门部门板块中的所有input元素,获取其id,如果是选中checked,那么跟他相关的label标签变化颜色
            $(".PublicSector").on("click", "input", function() {
                var inputId = $(this).attr("id");
                    if($(this).is(':checked')) {
                    $('label[for="' + inputId + '"]').css({
                        color: "#333"
                    });
                } else {
                    $('label[for="' + inputId + '"]').css({
                        color: "#888"
                    });
                }
            })

            //单击部门一二三四五六,切换下面全选那一栏的显示隐藏
            $(".sector").on("click", function() {
                $('.list' + $(this).attr("id")).toggle("display");
            })


            //公开部门单击全选的状态时,获取跟他同一个name值的所有input子元素
            //循环遍历整个数组,让所有子元素的选中状态跟随全选按钮的checked值全选或全部选
            $('.whole').on("click", function() {
                var str = $(this).attr('name')
                var one = document.getElementsByName(str);
                console.log($(this).is(':checked'));
                for(var i = 0; i < one.length; i++) {
                    if($(this).is(':checked')) { //因为获得的是数组，所以要循环 为每一个checked赋值
                        for(var i = 0; i < one.length; i++) {
                            one[i].checked = true;
                            $(one[i]).parent().css({
                                color: "#333"
                            });
                        }
                    } else {
                        for(var j = 0; j < one.length; j++) {
                            one[j].checked = false;
                            $(one[i]).parent().css({
                                color: "#888"
                            });
                        }
                    }
                }
            });
            
            //单击全选下的input按钮,都选中的情况下全选按钮也选中,只要一个不选中全选按钮不选中
            $('.sectorList label').on("click",'input',function(){
                if(!$(this).is(':checked')){//如果点击之后没有被选中,也就是点击之前是选中状态下,事件为由选中状态点击后为未选中状态
                    //那么此时全选的按钮为false
                    $(this).parent().parent().children().eq(0).prop('checked',false);
                    $(this).parent().parent().children().eq(1).css({"color":'#888'});
                    
                }else {//如果点击之后是选中的状态,那么点击之前就是未被选中,事件为点击选中
                    var inputList = $(this).parent().siblings().children('input');//其他所有的子元素input
                    var b = true;
                    for(var i = 0; i < inputList.length; i++){
                        if(!$(inputList[i]).is(':checked')){//如果其他所有的子元素只要有一个是不选中的状态,b = false
                             b = false;
                        }
                    }
                    if (b){//如果 b为真, 说明上一步所有的子元素都是被选中的,
                        $(this).parent().parent().children().eq(0).prop('checked',true);
                        $(this).parent().parent().children().eq(1).css({"color":'#333'});
                    }
                }
            });


        });


